.main-container {
  width: 1200px;
  margin: 20px auto 0;
}

.search-wrap {
  position: relative;
  height: 150px;
  margin: 15px auto;
  .search-form {
    position: absolute;
    right: 80px;
    top: 30px;
    input[type=text] {
      display: block;
      width: 190px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border: 1px solid #b0d5de;
    }
    input[type=submit] {
      display: block;
      width: 192px;
      height: 30px;
      border: 1px solid #b0d5de;
      background-color: #6b9cbb;
      color: #ffffff;
      letter-spacing: 10px;
      margin-top: 10px;
      cursor: pointer;
    }
  }
}

.cat-wrap {
  position: relative;
  width: 1198px;
  height: auto;
  /*overflow: hidden;*/
  border: #eee 1px solid;
  border-bottom: none;
  margin-bottom: 15px;
  font: 12px Simsun;
  .cat-list {
    background: #f9f9f9;
    display: block;
    border-bottom: #eee 1px solid;
    .cat-lit-title {
      float: left;
      width: 100px;
      line-height: 50px;
      color: #999;
      text-align: center;
    }
    ul {
      background: white;
      list-style: none;
      float: left;
      padding: 10px 0 10px 30px;
      line-height: 30px;
      width: 1068px;
      li {
        list-style: none;
        float: left;
        margin-right: 22px;
        a {
          position: relative;
          color: #666;
          b {
            font-family: Arial;
            font-weight: normal;
            color: #999;
            margin-left: 6px;
          }
        }
      }
    }
  }
  .sale-type ul {
    li {
      margin-right: 30px;
      a {
        padding-left: 18px;
        &:hover i, &:focus i {
          border: #ff6255 solid 1px;
        }
      }
      i {
        position: absolute;
        width: 10px;
        height: 10px;
        border: #ccc 1px solid;
        left: 0;
        top: 0;
      }
    }
    .active a i {
      border: #ff6255 solid 1px;
      background: #ff6255 url("../images/new-icons.png") -99px -80px no-repeat;
    }
  }
  .sort-wrap {
    position: absolute;
    top: 0;
    right: 0;
    .sort-text {
      font-size: 12px;
      color: #666;
    }
    a {
      font-size: 12px;
      color: #666;
      &:hover, &:focus {
        color: #FF0000;
      }
      &.active {
        color: #FF0000;
      }
      &.margin {
        margin-left: 10px;
      }
    }
  }
}

.cat-wrap .cat-list ul li a:hover,
.cat-wrap .cat-list ul li a:focus,
.cat-wrap .cat-list ul .active a,
.cat-wrap .cat-list ul li a:hover b,
.cat-wrap .cat-list ul li a:focus b,
.cat-wrap .cat-list ul .active a b {
  color: #ff6255;
}

.tag-wrap {
  height: 38px;
  border-bottom: 1px solid #eee;
  .fixed-wrap {
    float: left;
    position: absolute;
    left: 0;
    top: -1px;
    max-width: 1108px;
    .tag-fixed {
      float: left;
      line-height: 40px;
      height: 39px;
      border-right: #eee 1px solid;
      padding: 0 20px;
      color: #666;
      position: relative;
      &:hover .icon, &:focus .icon {
        background: url("../images/select_icon.png") 0 -13px no-repeat;
      }
    }
    .sort-price-area {
      width: 140px;
      margin-left: 20px;
      padding: 7px 10px;
      margin-top: 1px;
      &:hover {
        background: white;
        box-shadow: 0 0 6px 0 rgba(170, 170, 170, .3);
        button {
          display: block;
          &:hover {
            background: #f44c3e;
          }
        }
      }
      button {
        display: none;
        width: 40px;
        height: 24px;
        border-radius: 4px;
        background: #ff6255;
        color: #fff;
        text-align: center;
        line-height: 24px;
        border: none;
        outline: none;
        font-size: 12px;
        float: left;
        margin-left: 10px;
      }
      span {
        float: left;
        height: 24px;
        line-height: 22px;
        padding: 0 2px;
      }
      input {
        width: 30px;
        height: 14px;
        padding: 4px;
        float: left;
        color: #999;
        font-family: Microsoft Yahei;
        border: #eee 1px solid;
        font-size: 12px;
      }
    }
  }
  .split {
    height: 25px;
    background-color: #CCCCCC;
    width: 1px;
    float: left;
    overflow: hidden;
    margin-left: 50px;
    margin-top: 5px;
  }
  .tags {
    float: left;
    font-size: 12px;
    color: #666;
    line-height: 37px;
    span {
      float: left;
      margin-left: 20px;
    }
    a {
      float: left;
      color: #5fa1ca;
      margin: auto 8px;
      &:hover, &:focus {
        color: #FF0000;
      }
    }
    .active {
      color: #FF0000;
    }
  }
}

.tag-wrap .fixed-wrap .tag-fixed:hover,
.tag-wrap .fixed-wrap .tag-fixed:focus,
.tag-wrap .fixed-wrap .active {
  border-top: 2px red solid;
  color: #FF0000;
  background: white;
  line-height: 38px;
  height: 37px;
  top: -1px;
}

.goods-pages-page {
  text-align: center;
  position: absolute;
  right: 18px;
  top: 7px;
  height: 26px;
  line-height: 26px;
  .page-num {
    font-size: 14px;
    margin: 0 13px;
    float: left;
    color: #666;
    font-family: Arial;
    b {
      color: #ff6255;
    }
  }
  .pagebtn {
    width: 8px;
    height: 14px;
    float: left;
    cursor: pointer;
    margin-top: 6px;
    a {
      background: url("../images/new-icons.png") -53px -93px no-repeat;
      display: block;
      width: 8px;
      height: 14px;
      &:hover {
        background-position-Y: -107px;
      }
    }
    &.pre-page.disabled {
      background: url("../images/new-icons.png") -53px -79px no-repeat;
      cursor: default;
    }
    &.next-page {
      a {
        background-position: -77px -93px;
      }
      &.disabled {
        background: url("../images/new-icons.png") -77px -79px no-repeat;
        cursor: default;
      }
    }
  }
}

.goods-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  li {
    float: left;
    list-style: none;
    margin: 0 18px 20px 0;
    padding: 0;
    border: 1px solid #eee;
    border-bottom: none;
    height: 445px;
    width: 284px;
    background: #fff;
    display: block;
    overflow: hidden;
    transition: border-color .3s;
    font: 12px Simsun;
    &:nth-child(4n) {
      margin-right: 0;
    }
    &:focus, &:hover {
      border: 1px solid #ff4400;
      border-bottom: none;
    }
    a {
      color: #4C4C4C;
      &.img {
        position: relative;
        display: block;
        width: 284px;
        height: 284px;
        margin: 0;
        padding: 0;
        i {
          width: 69px;
          height: 28px;
          left: 0;
          top: -1px;
          position: absolute;
          background: url("../images/new-icons.png") -4px -305px no-repeat;
          overflow: hidden;
        }
        img {
          border: none;
          max-width: 284px;
          max-height: 284px;
          vertical-align: middle;
        }
      }
    }
    .goods-padding {
      padding: 18px 12px;
      .title {
        height: 27px;
        overflow: hidden;
        display: block;
        line-height: 14px;
        letter-spacing: 0.5px;
        a {
          width: 260px;
          color: #444;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          display: block;
        }
      }
      .coupon-wrap {
        position: relative;
        height: 26px;
        display: block;
        width: 100%;
        margin-bottom: 12px;
        .price {
          height: 26px;
          line-height: 18px;
          color: #ff4400;
          float: left;
          overflow: hidden;
          b {
            font-size: 30px;
            line-height: 28px;
          }
          em {
            float: left;
            margin-top: 10px;
            font-weight: normal;
          }
        }
        .old-price {
          float: left;
          width: 50px;
          margin-left: 10px;
          text-decoration: line-through;
          height: 27px;
          font: 14px "Microsoft Yahei";
          color: #aaa;
          line-height: 36px;
        }
        .coupon {
          position: absolute;
          right: 0;
          font: 12px "Simsun";
          text-align: center;
          color: #ff4400;
          width: 65px;
          height: 27px;
          line-height: 27px;
          background: #fff7fa url("../images/new-icons.png") -86px -305px no-repeat;
          white-space: nowrap;
          b {
            font-size: 14px;
            font-family: "Microsoft Yahei";
            padding-left: 2px;
          }
        }
      }
      b {
        font-family: "Arial";
      }
      i {
        font-family: "Microsoft Yahei";
        font-size: 14px;
        &.coupon-txt {
          font-size: 12px;
        }
      }
      .goods-num-type {
        display: block;
        position: relative;
        height: 16px;
        line-height: 16px;
        .goods-num {
          color: #787878;
        }
        b {
          font-family: "Arial";
          font-size: 12px;
          font-weight: normal;
          color: #fc903d;
          padding: 0 3px;
        }
        .goods-type {
          position: absolute;
          right: 0;
          top: 0;
          i {
            width: 16px;
            height: 16px;
            margin-left: 5px;
            float: left;
            background: black url("../images/new-icons.png") 0 0 no-repeat;
            &.haitao {
              background-position-x: -26px;
            }
            &.trans {
              background-position-x: -104px;
            }
            &.pinpai {
              background-position-x: -130px;
            }
            &.tmall {
              background-position-x: -78px;
            }
            &.you {
              background-position-x: -52px;
            }
          }
        }
      }
    }
    .price-wrap {
      background-color: #de366e;
      position: relative;
      padding: 5px;
      .price {
        .text {
          color: #FFFFFF;
          font-size: 14px;
          .price {
            font-size: 28px;
          }
        }
      }
      .org-price {
        position: absolute;
        top: 21px;
        right: 29px;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: normal;
      }
    }
    .act {
      position: relative;
      width: 100%;
      height: 45px;
      a {
        position: absolute;
        bottom: 0;
        display: block;
        width: 50%;
        height: 38px;
        line-height: 38px;
        text-align: center;
        color: #FFF;
        font-size: 14px;
        transition: height .2s, line-height .2s;
        &:hover {
          height: 45px;
          line-height: 45px;
        }
      }
      .quan-btn {
        left: 0;
        background-color: #FF6C00;
        border-left: 1px solid #FF6C00;
      }
    }
  }
  .no-right {
    margin-right: 0;
  }
}

//无数据提示
.search-no-data {
  padding: 80px 0 150px;
  text-align: center;
  font-size: 16px;
  color: #5e5e5e;
  i {
    width: 133px;
    height: 99px;
    display: inline-block;
    background: url("../images/new-icons.png") -16px -400px no-repeat;
    margin-bottom: 20px;
  }
}